$(function () {
  $('.arrow').on('click', function () {
    $(this).parents('.qa-view').toggleClass('active')
  })

  $('.pager .number').on('click', function () {
    $(this).addClass('active').siblings().removeClass('active')
  })

  $('.prev').click(function () {
    var index = $('.pager .active').index()
    if (index === 0) return
    $('.pager .number').eq(index - 1).addClass('active').siblings().removeClass('active')
  })

  $('.next').click(function () {
    var pageGroup = $('.pager .number')
    var index = $('.pager .active').index()
    if (index === pageGroup) return
    pageGroup.eq(index + 1).addClass('active').siblings().removeClass('active')
  })
})